@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
.top_nav{ background:#2066b1; color:#FFF; line-height:36px;}

.wz{ text-align:right}

.top{z-index:9999;width:100%;padding:15px 0 15px; background:#FFF; border-bottom:1px solid #eeeeee}
.top .logo{width:40%;float:left;margin:1px 0 0;height:76px;display:block;background: url(../images/logo.jpg) no-repeat left 
center;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;background-size:100% auto;} 
/*.top .logo{width:25%;float:left;}
.top .logo img{max-width:100%;}*/
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right; width:12%; margin-top:15px;}
.top .top_right  img{display:block;max-width:100%;}
.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{ width:60%; transition:0.4s; float:right; margin-top:20px;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:11.11%;height:45px;line-height:45px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}

#navbg .nav .firstfloor>li>a{display:block;height:45px;width:100%;color:#525252;}
#navbg .nav .firstfloor>li:hover{ background:#226fb7;}
#navbg .nav .firstfloor>li:hover:before{background:none;}
#navbg .nav .firstfloor>li:hover>a{color:#ffffff;}
#navbg .nav .secondfloor{position:absolute;left:0;top:45px;z-index:9999;display:none;background:rgb(255,255,255,0.95);width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:45px;height:45px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#226fb7;color:#FFF;}

.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}

@media (max-width: 1200px) {
#navbg{ margin-top:8px;}	
.top .logo{height:63px;}

}





/*mobilehead*/
.mobilehead{display:none;}
.mobilehead .nav{float:right;}
.mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
.mobilehead .nav .nav_box{display:none;position:absolute;top:105px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
.mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
.mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
.mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
.mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
.mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mobilehead .nav .nav_one>li>ul{display:none;}
.mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
.mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
.mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
.mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
.mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
.mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
.mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
.mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
.mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
.mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
.mobilehead .nav .nav_contact .nav_txt{width:100%;}
.mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
.mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
.mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
.mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
.mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */


/*产品展示*/
.cpzs{  padding-bottom:50px; background:#f9f9f9; overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:40px; color:#000000; font-weight:bold; }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:16px; color:#999999;  padding:13px 0;}
.cpzs .cpzs_bt .fwxm_bt3{ font-size:18px; color:#e67817; font-weight:bold}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt2{ background:none}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt{ padding:15px 0 15px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:22px; color:#323232; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:14px; color:#555555;  padding:10px 0;}
}

.product{padding:5px 0 8px;}

.product .cpfl-cp .slid_img1 {width: 100%;    padding-bottom: 75%;    position: relative;    overflow: hidden;  }
.product .cpfl-cp .slid_img1 img{ object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all; margin:0 7px}

.product .cpfl-cp .slid_img1 p{ width:100%; line-height:25px;  color:#dbdada; position:relative }
.product .cpfl-cp .slid_img1 p a{ color:#666666; font-size:16px;}
.product .cpfl-cp .slid_img1 p a:hover{ color:#666666}

.cpfl{ width:100%; margin:0 auto; overflow:hidden}
.cpfl a{ width:13.68%; display:block; float:left; margin-left:0.6%; background:#e3e3e3; margin-top:0.6%; padding:7px 0; text-align:center; transition:0.2s}
.cpfl a:hover{ background:#2066b1; color:#FFF;}


 .product_left{width:100%; margin-top:5px;}
 .product_left .pl_top{width:130px;height:50px;background:#2066b1;float:left}
 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}
 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}


@media (max-width : 1200px) {
.cpfl a{ width:19%; display:block; float:left; margin-left:1%; background:#e3e3e3; margin-top:0.6%; padding:7px 0; text-align:center; transition:0.2s}
}

@media (max-width : 992px) {
.cpfl a{ width:24%; display:block; float:left; margin-left:1%; background:#e3e3e3; margin-top:0.6%; padding:7px 0; text-align:center; transition:0.2s}
}

.center .slick-prev{ display:none !important}
.center .slick-next{ display:none !important}
/*我们的优势*/

.center3 .cp_s{ margin-top:5px; margin-bottom:5px;}


.box{	font-family: 'Niramit', sans-serif;	text-align: center;	position: relative;	overflow: hidden; margin:0 5px}
.box:before,.box:after,.box-content:before,.box-content:after{	content: '';	background: linear-gradient(transparent,rgba(0,0,0,0.9));	height: 100%;	width: 25%;	transform: translateY(-100%);	position: absolute;	left: 0;	top: 0;	z-index: 1;	transition: all 0.3s;}
.box:hover:before,.box:hover:after,.box:hover .box-content:before,.box:hover .box-content:after{	transform: translateY(0);}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{	width: 100%;	height: auto;	transition: all 0.3s ease 0s;}
.box:hover img{ filter: grayscale(100%); }
.box .box-content{	width: 100%;	height: 100%;	position: absolute;	bottom: 0;	left: 0;	transition: all 0.2s;}
.content{	width: 100%;	padding: 7px 0;	opacity: 0;	position: absolute;	left: 0;	top: -30px;	z-index: 2;	transition: all 0.3s ease 0.1s;}
.content1{ height:40px; position:absolute; bottom:0;   background-color:rgb(0,0,0,0.7); width:100%;	z-index:2; color:#FFF; line-height:40px;transition: all 0.3s ease 0.1s; }
.box:hover .content{	opacity: 1;	top: 10px;}
.box:hover .content1{ transition: all 0.1s;opacity: 0;	 }
.box .title{	color:#fff;	font-size: 13px;	font-weight: 500;	text-transform: uppercase;	margin: 0; padding:5px 10px; line-height:1.8}
.box .post{	color: var(--main-color);	font-size: 16px;	font-style: italic;	text-transform: capitalize;	letter-spacing: 1px;	margin-bottom: 10px;	display: block;}

@media (max-width : 768px) {
.box .title{	color:#fff;	font-size: 15px;	font-weight: 500;	text-transform: uppercase;	margin: 0; padding:5px 10px; line-height:1.8}
}


/*经典案例*/
/*solution*/
#solutionbg{background:#F5F5F5;padding:15px 0 80px;}
#solutionbg .solution{padding:0 15px;}
#solutionbg .solution_c{background:#FFF;overflow:hidden}
#solutionbg .solution_c .solution_c_left{width:290px;float:left;}
#solutionbg .solution_c .solution_c_left ul{margin-bottom:0;}
#solutionbg .solution_c .solution_c_left li{width:100%;height:70px;text-align:center;line-height:70px;font-size:16px;color:#FFF;cursor:pointer;}
#solutionbg .solution_c .solution_c_left li.c1{background:#CCC;}
#solutionbg .solution_c .solution_c_left li.c2{background:#adadad;}
#solutionbg .solution_c .solution_c_left li.c3{background:#979797;}
#solutionbg .solution_c .solution_c_left li.c4{background:#838383;}
#solutionbg .solution_c .solution_c_left li.c5{background:#6f6f6f;}
#solutionbg .solution_c .solution_c_left li.c6{background:#555555;}
#solutionbg .solution_c .solution_c_left li.c7{background:#4a4a4a;}
#solutionbg .solution_c .solution_c_left li.on{height:140px}
#solutionbg .solution_c .solution_c_left li.on.on0{;background:url(../images/faicon0.png) no-repeat center 16px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on1{background:url(../images/faicon1.png) no-repeat center 16px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on2{background:url(../images/faicon2.png) no-repeat center 23px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on3{background:url(../images/faicon3.png) no-repeat center 18px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on4{background:url(../images/faicon4.png) no-repeat center 16px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on5{background:url(../images/faicon5.png) no-repeat center 25px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on6{background:url(../images/faicon5.png) no-repeat center 25px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li:hover{opacity:0.9;}
#solutionbg .solution_c .solution_c_left1{width:100%;float:none;}
#solutionbg .solution_c .solution_c_left1 ul{margin-bottom:0;}
#solutionbg .solution_c .solution_c_left1 li{width:16%;height:50px;line-height:50px;font-size:15px;color:#FFF;cursor:pointer;float:left;text-align:center;}
#solutionbg .solution_c .solution_c_left1 li:first-child{width:20%;}
#solutionbg .solution_c .solution_c_left1 li.c1{background:#CCC;}
#solutionbg .solution_c .solution_c_left1 li.c2{background:#adadad;}
#solutionbg .solution_c .solution_c_left1 li.c3{background:#979797;}
#solutionbg .solution_c .solution_c_left1 li.c4{background:#838383;}
#solutionbg .solution_c .solution_c_left1 li.c5{background:#6f6f6f;}
#solutionbg .solution_c .solution_c_left1 li.c6{background:#555555;}
#solutionbg .solution_c .solution_c_left1 li.on{background:linear-gradient(to right, #01c1e6 0%,#1160ff 100%);}
#solutionbg .solution_c .solution_c_right{width:calc(100% - 290px);float:right;padding:40px 20px 0 37px;}
#solutionbg .solution_c .solution_c_right .r_title{height:16px;line-height:16px;font-size:16px;border-left:3px solid #108cee;text-indent:8px;}
#solutionbg .solution_c .solution_c_right p{margin-top:23px;line-height:24px;color:#666;margin-bottom:0;}
#solutionbg .solution_c .solution_c_right .r_ul{margin-top:55px;}
#solutionbg .solution_c .solution_c_right .r_li{width:32%;float:left;margin-left:2%;text-align:center}
#solutionbg .solution_c .solution_c_right .r_li:nth-child(3n+1){margin-left:0;}

#solutionbg .solution_c .solution_c_right .r_li .r_img{width:100%;height:0;padding-bottom:75.76%;position:relative;}
#solutionbg .solution_c .solution_c_right .r_li .r_img_z{ line-height:40px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#solutionbg .solution_c .solution_c_right .r_li:first-child{margin-left:0;}
#solutionbg .solution_c .solution_c_right .r_li .r_img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;left:0;top:0;border:1px solid #c8c8c8;}
#solutionbg .solution_c .solution_c_right .r_btn{margin-top:30px; margin-bottom:10px; float:right}
#solutionbg .solution_c .solution_c_right .r_btn a{width:130px;height:30px;line-height:30px;background:#1b95d4;display:inline-block;color:#FFF;text-align:center;margin-left:10px; font-size:12px;}
#solutionbg .solution_c .solution_c_right .r_btn a:first-child{margin-left:0;}
#solutionbg .solution_c .solution_c_right .r_btn a:first-child{border:1px solid #c8c8c8;background:none;color:#6d6e6e;}

#solutionbg .solution_c .solution_c_left .p_bottom{padding:18px 26px 16px;background:#373737;}
#solutionbg .solution_c .solution_c_left .p_bottom .p_txt{background:url(../images/leftphone.png) no-repeat left center;padding-bottom:2px;padding-left:64px;}
#solutionbg .solution_c .solution_c_left .p_bottom .p_txt p{color:#FFF;margin:0;line-height:24px;}
#solutionbg .solution_c .solution_c_left .p_bottom .p_txt p:last-child{font-size:30px;font-family:Impact;line-height:32px;height:32px;}




/*关于我们*/
.about{ background:url(../images/a_bj.jpg) no-repeat; background-size:cover; padding-top:50px; padding-bottom:140px; overflow:hidden} 
.about_bt{ margin-top:40px;}
.about_bt .ab_1{ font-size:60px; font-weight:bold; color:#FFF}
.about_bt .ab_2{ font-size:40px; font-weight:bold; color:#FFF}
.about_bt .ab_3{font-size:40px; font-weight:bold; color:#e67817}
.about_nr{ font-size:14px; color:#FFF; padding-right:30px; line-height:1.8}
.about_img{ margin-top:30px;}
.about_img img{ max-width:100%}

.y_r{ background:#225ca2; padding:20px; color:#FFF; line-height:1.8; margin:1px }
.y_r_img img{ max-width:100%;}
.y_r_bt{ font-size:16px; font-weight:bold; padding:10px 0}
.y_r_nr{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
		
@media screen and (max-width:768px){
.about{ background:url(../images/a_bj.jpg) no-repeat; background-size:cover; padding-top:30px; padding-bottom:30px; overflow:hidden} 
.about_bt{ margin-top:00px;}
.about_bt .ab_1{ font-size:40px; font-weight:bold; color:#FFF}
.about_bt .ab_2{ font-size:20px; font-weight:bold; color:#FFF}
.about_bt .ab_3{font-size:20px; font-weight:bold; color:#e67817}

.about_nr{ font-size:14px; color:#FFF; padding-right:0; line-height:1.8}
	
	}


/*news*/
#newsbg{background:#F3F3F3;padding-bottom:53px;padding-top:47px;}
#news{margin:0 auto;}
#news .news_title{height:44px;margin-top:15px;text-align:center;width:100%;}
#news .news_title span{width:158px;height:42px;line-height:42px;border:1px solid #CECECE;text-align:center;display:inline-block;color:#000;font-size:16px;position:relative;cursor:pointer;margin-left:19px;}
#news .news_title span:first-child{margin-left:0;}
#news .news_title span.hover,#news .news_title span:hover{color:#FFF;background:#0d80cf;}
#news .news_content{margin-top:18px;}
#news .news_content .news_li{margin-top:36px;position:relative;}
#news .news_content .news_li .news_left{width:51%;float:left;}
#news .news_content .news_li .news_left .news_img{width:100%;height:263px;border:1px solid #f8f8f8;position:relative;}
#news .news_content .news_li .news_left .news_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:contain;}
#news .news_content .news_li .news_left .news_txt{ background:#f8f8f8; padding:15px; z-index:2; position:relative; margin:0 auto;}
#news .news_content .news_li .news_left .news_txt .news_h2{height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:18px;}
#news .news_content .news_li .news_left .news_txt .news_h2 a{color:#333;}
#news .news_content .news_li .news_left .news_txt p{color:#888;line-height:24px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right{width:47%;float:right;}
#news .news_content .news_li .news_right a{display:block;height:125px;background:#f8f8f8; padding:20px 15px ; margin-bottom:5px;}
#news .news_content .news_li .news_right a .time{width:71px;height:81px; float:left;}
#news .news_content .news_li .news_right a .time .day{font-size:34px;display:block;line-height:58px;height:58px;text-align:center;color:#1d63b7; font-weight:bold;margin-top:2px;border-bottom:1px solid #3372bd;}
#news .news_content .news_li .news_right a .time .year{height:23px;padding-bottom:7px;line-height:21px;display:block;text-align:center;color:#759ed0;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .news_right a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .news_right a .txt p{color:#888;line-height:24px;font-size:12px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right a .txt p:first-child{font-weight:bold;font-size:18px;color:#333;line-height:33px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:5px;}


 /*友情链接*/
  .yqlj{ background:#FFF; margin:1vh auto}
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#1c7ac0;border-left:1px solid #1c7ac0;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}


/*底部*/

#footer{ background:#111111; padding:40px 0 30px;}
.f_bt{ text-align:center}
.f_bt1{ color:#a0a0a0; font-size:36px;}
.f_bt2{ color:#a0a0a0; font-size:16px; padding:10px 0}

#footer .dz{background:url(../images/dz.png) no-repeat left center;margin:15px auto 5px;padding:0 20px 0 68px;float:left; margin-left:15%}
#footer .dh{background:url(../images/dh.png) no-repeat left center;margin:25px auto ;padding:0 20px 0 68px;float:left; margin-left:15%}
#footer .yx{background:url(../images/yx.png) no-repeat left center;margin:25px auto ;padding:0 20px 0 68px;float:left; margin-left:15%}

#footer .f_lx{ margin-top:20px; overflow:hidden;}
#footer .f_lx p:first-child{height:14px;line-height:16px; color:#696969; margin-top:13px;}
#footer .f_lx p:last-child{font-size:12px;line-height:1.6;color:#949494;margin-top:15px;}

#footer .f_lx .col-md-4{ border:1px solid #292929; border-left:none;min-height: 114px;}
#footer .f_lx .col-md-4:last-child{ border-right:none;mat}

#footer .f_lz{ line-height:2; color:#696969; overflow:hidden;}
#footer .f_lz .lx1{ padding-top:30px; padding-bottom:15px;}
#footer .f_lz .lx1 br{display:none;}
.f_img{ text-align:center; line-height:20px; padding-top:35px;}
.f_img img{ max-width:100%;margin-bottom:8px;}

@media screen and (max-width:768px){
	
.f_bt1{ color:#a0a0a0; font-size:22px;}
.f_bt2{ color:#a0a0a0; font-size:14px; padding:10px 0}
	
#footer .f_lx .col-md-4{ border:none;}	
#footer .dz{background:url(../images/dz.png) no-repeat left center;margin:5px auto ;padding:0 20px 0 68px;float:left; margin-left:0%}
#footer .dh{background:url(../images/dh.png) no-repeat left center;margin:5px auto ;padding:0 20px 0 68px;float:left; margin-left:0%}
#footer .yx{background:url(../images/yx.png) no-repeat left center;margin:5px auto ;padding:0 20px 0 68px;float:left; margin-left:0%}
#footer .f_lz{ line-height:2; color:#696969; overflow:hidden; font-size:12px;padding:0 15px;}
}

#f_d{background:#111111; padding:30px 0; border-top:1px solid #252525; text-align:center; line-height:1.8; color:#696969}
#f_d a{ color:#696969}


/*漂浮留言*/

.pfly{ position:fixed; bottom:-135px; left:0; padding:15px 0; background:#4196d6; z-index:10000; width:100%; display:none; opacity:1; transition:0.4s ease-out}

.bottomfix{ display:block; opacity:1;bottom:0;}
.pfly_bt{ padding-left:15px; line-height:2; color:#FFF;  font-size:14px;}
 .footer_x_1 input{background:#65b2eb; width:100%; border:none; color:#FFF}
 .footer_x_1 input::-webkit-input-placeholder {color: #ffffff;}
 .footer_x_1 .form-control{ border-radius:0; padding:2.5vh 0; text-indent:0.2cm}
  .footer_x_1 .form-group{ margin-top:15px}
 .footer_x_1 .btn{background:#f7c433;display:block;color:#FFF;text-align:center;padding:1.4vh 0; border-radius:0}



/*1350屏幕*/
@media screen and (max-width:1249px){

	.p_left{width:240px;}
	.p_left h2{height:100px;line-height:100px;}
	.p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
	.p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
	.p_left .p_ul ul{padding:12px 10px;}
	.p_left .p_ul ul li{line-height:30px;font-size:14px;}
	.p_left .p_bottom{padding:18px 5px 16px;}
	.p_left .p_bottom .p_txt p:last-child{font-size:27px;}
	.product .p_right{width:calc(100% - 260px);}
    #footer .dz{margin-left: 0;}
    #footer .dz {padding-right: 0;}
}



/*992屏幕*/
@media screen and (max-width:991px){
	.top_nav{display:none;}
	.top{padding:0 0;}
	.top .logo{height:50px;margin:10px 0 10px 10px;width:calc(100% - 80px);}
	.mobilehead{display:block;}
	#navbg{display:none;}
	.mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	.mobilehead .nav .nav_box.nav_box1{top:70px;}
	
     .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}

	#footer .f_lx .col-md-4{min-height: 130px;}
	
}

@media screen and (max-width:768px){
	.mobilehead .nav .nav_box{top:70px;}
	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	
		#news{padding:20px;}
		
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_img{height:220px;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .question_list a{width:100%;margin-left:0;}
	#footer .f_lz .lx1 br{display:block;}
    #footer .f_lx .col-md-4{min-height: 100%;}
	}


/*500屏幕*/
@media screen and (max-width:499px){
	.mobilehead{}
	.mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	.mobilehead .nav .nav_box{top:70px;}
	.mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:50%;}
	#solutionbg .solution_c .solution_c_left1 li:first-child{width:50%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:5px 10px 0 10px;}
	#solutionbg .solution_c .solution_c_right .r_ul{margin-top:0px;}
	#solutionbg .solution_c .solution_c_right .r_li{width:100%;float:none;margin-left:0;margin-top:20px;}
	#solutionbg .solution_c .solution_c_right .r_btn{ margin:10px auto;float:none;}
	#solutionbg .solution_c .solution_c_right .r_btn a{width:48%;margin-left:4%;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
}

@media screen and (min-width:768px) and (max-width:991px){

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}

/*鐢佃剳娴姩*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*鎵嬫満娴姩*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}